<template >
    <span class="icon-arrow-right-box" @click="onClick">
        <img :src="$img('common/icon-right.png')" alt="">
    </span>
</template>
<script lang="ts" setup>

// 定义 props ,同 VarIcon 属性 
defineProps<{
    onClick?: ((payload: MouseEvent) => void)
}>();

// 定义 事件
const emit = defineEmits(['click']);
const onClick = (event: Event) => emit('click', event);

</script>
<style lang="scss" scoped>
// 指定padding值
.icon-arrow-right-box {
    display: inline-block;
    height: 44px;
    width: 44px;
}
</style>